import React, { Component } from 'react';
import store from './store';

import {incrementAction,decrementAction, incrementAsyncAction} from './store/action'
class App extends Component {
  // componentDidMount() {
  //   //检测redux中的状态变化，如果变化了，就调用 render
  //   //只要redux中有改变，就会自动调用
  //   store.subscribe(() => {
  //     //函数体
  //     //this.render();
  //     //只要状态一改，就会重新调用render
  //     this.setState({});
  //   })
  // }
  render() {
    return (<div>
      <h1>计数器</h1>
      <button onClick={() => { store.dispatch(incrementAction(2)) }}>++</button>
      <button onClick={() => { store.dispatch(decrementAction(3)) }}>--</button>
      <button onClick={() => { store.dispatch(incrementAsyncAction(4))}}>延时加</button>
      { store.getState()}
    </div >);
  }
}

export default App;
